﻿<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta name="author" content="chuotnhat" />
	<title>Trang chủ</title>
    <link href="../css/common.css" rel="stylesheet"/>
    <link href="../css/tiny.css" rel="stylesheet"/>
    <link href="../css/colorbox.css" rel="stylesheet"/>
    <link href="../css/context.css" rel="stylesheet"/>
    <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="../js/jquery.colorbox-min.js"></script>
    <script type="text/javascript" src="../js/jquery.ui.position.js"></script>
    <script type="text/javascript" src="../js/jquery.contextMenu.js"></script>
    <script type="text/javascript" src="../js/jsapi.js"></script>
    <script type="text/javascript" src="../js/scroll-tiny.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
    <script type="text/javascript" src="../js/HTMLutility.js"></script> 
</head>
<body>
<section class="wrapper">
    <head class="header">
        <div class="line">
            <nav class="top">
                <ul>
                    <li>Trang chủ |</li>
                    <li>Tin tức |</li>
                    <li>Sản phẩm |</li>
                    <li>Hỗ trợ </li>
                </ul>
                <div class="clear"></div>
            </nav><!--#end top-->
        </div><!--#end line-->
        <div class="banner">
            <div id="logo">
                <figure>
                    <img src="images/logo.png" />
                </figure>
            </div><!--#end logo-->
            <div id="soft-name">
                <figure>
                    <img src="images/soft.png" />
                </figure>
            </div><!--#end soft-name-->
            <div id="user">
                <figure>
                    <img src="images/avatar.png" />
                </figure>
                <div class="info">
                    <p>Chào mừng: Chuột Nhắt</p>
                    <p>Công ty Cổ phần BuCA</p>
                    <p>10:00</p>
                </div><!--#end info-->
                <div class="clear"></div>
            </div><!--#end user-->
            <div class="clear"></div>
        </div><!--#end banner-->
        <div class="clear"></div>
    </head><!--#end header-->
    <section id="content">
        <section id="content-left">
            <nav>
                <ul class="root">
                    <li><a href="#">Hệ thống</a>
                        <div class="sub-item">
                            <div class="scroll">
                                <div class="scrollbar">
                                    <div class="track">
                                        <div class="thumb">
                                            <div class="end"></div>
                                        </div>
                                    </div>
                                </div><!--#end srollbar-->
                                <div class="viewport">
                                    <div class="overview">
                                        <ul>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                        </ul>
                                    </div><!--#end overview-->
                            </div><!--#end viewport-->
                        </div><!--#end scroll-->
                    </div><!--#end sub-item-->
                    </li>
                    <li><a href="#">Danh mục</a>
                        <div class="sub-item">
                            <div class="scroll">
                                <div class="scrollbar">
                                    <div class="track">
                                        <div class="thumb">
                                            <div class="end"></div>
                                        </div>
                                    </div>
                                </div><!--#end srollbar-->
                                <div class="viewport">
                                    <div class="overview">
                                        <ul>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                        </ul>
                                    </div><!--#end overview-->
                                </div><!--#end viewport-->
                            </div><!--#end scroll-->
                        </div><!--#end sub-item-->
                    </li>
                    <li><a href="#">Danh mục</a>
                        <div class="sub-item">
                            <div class="scroll">
                                <div class="scrollbar">
                                    <div class="track">
                                        <div class="thumb">
                                            <div class="end"></div>
                                        </div>
                                    </div>
                                </div><!--#end srollbar-->
                                <div class="viewport">
                                    <div class="overview">
                                        <ul>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                        </ul>
                                    </div><!--#end overview-->
                                </div><!--#end viewport-->
                            </div><!--#end scroll-->
                        </div><!--#end sub-item-->
                    </li>
                    <li><a href="#">Danh mục</a>
                        <div class="sub-item">
                            <div class="scroll">
                                <div class="scrollbar">
                                    <div class="track">
                                        <div class="thumb">
                                            <div class="end"></div>
                                        </div>
                                    </div>
                                </div><!--#end srollbar-->
                                <div class="viewport">
                                    <div class="overview">
                                        <ul>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                            <li><a href="#">Quản lý nhóm quyền</a></li>
                                        </ul>
                                    </div><!--#end overview-->
                                </div><!--#end viewport-->
                            </div><!--#end scroll-->
                        </div><!--#end sub-item-->
                    </li>
                </ul>
            </nav>
        </section><!--#end content-left-->
        <section id="content-right">
            <section class="main grid">
                <section class="title">
                    <h2>Quản trị người dùng</h2>
                </section>
                <section class="content">
                    <section class="top">
                        <nav>
                            <ul class="toolbar">
                                <li><a class="btn-add iframe" data-dimension="700|380" href="PhanLop.html">Thêm</a></li>
                                <li><a class="btn-edit iframe" data-dimension="800|200" href="op.html">Sửa</a></li>
                                <li><a class="btn-delete iframe" data-dimension="800|200" href="add-units.htm">Xóa</a></li>
                                <li><a class="btn-active iframe" data-dimension="800|200" href="add-units.htm">Kích hoạt</a></li>
                                <li><a class="btn-grant-unit iframe" data-dimension="800|200" href="add-units.htm">Gán đơn vị sử dụng</a></li>
                                <li><a class="btn-add-role iframe" data-dimension="800|200" href="add-units.htm">Gán nhóm quyền</a></li>
                            </ul>
                            <div class="clear"></div>
                        </nav>
                        <section class="header">
                            <table>
                                <tr>
                                    <th class="col50">STT</th>
                                    <th class="col300">Tiêu đề</th>
                                    <th>Đơn vị sử dụng</th>
                                </tr>
                            </table>
                        </section>
                    </section><!--#end top-->
                    <section class="bottom">
                        <table>
                            <tr>
                                <td class="col50">1</td>
                                <td class="col300">Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">2</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">3</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">4</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">5</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">6</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">7</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">8</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">9</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">10</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">10</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">10</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">10</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">10</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                            <tr>
                                <td class="col50">10</td>
                                <td>Administrator</td>
                                <td>BuCA, Hà Tĩnh, Đà Nẵng</td>
                            </tr>
                        </table>
                    </section><!--#end bottom-->
                    <section class="pagging">
                        <section class="page">
                            <a class="first" href="" title="Trang đầu"></a>
                            <a class="prev" href="" title="Trang trước"></a>
                            <a href="" title="1">1</a>
                            <a href="" title="2">2</a>
                            <a href="" title="3">3</a>
                            <a href="" title="4">4</a>
                            <a href="" title="5">5</a>
                            <a class="next" href="" title="Trang tiếp"></a>
                            <a class="last" href="" title="Trang cuối"></a>
                        </section><!--#end page-->
                        <div class="clear"></div>
                    </section><!--#end pagging-->
                </section><!--#end content-->
            </section><!--#end main-->
        </section><!--#end content-right-->
        <div class="clear"></div>
    </section>
    <footer class="footer">
        <section class="ip">
            <p>IP: 127.0.0.1</p>
        </section>  
        <section class="system">
            <p>OVR</p>
            <p>NUM</p>
            <p>&nbsp;</p>
            <p>25/10/2013</p>
        </section>
        <div class="clear"></div>
    </footer><!--#end wrapper-->
</section><!--#end wrapper-->
</body>
</html>